<!DOCTYPE html>
<html>
<head>
	<title>搜索</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="css/styles.css">
	<link rel="stylesheet" href="css/share.css" type="text/css" />>
</head>
<body>
	<!--头部-->
	<header>
		<div class="top">
			<h2 class="titleh2">
				<div class="searchSea jihuoSea" id="sosoSea">
					<form  method="post" name="form1">
						<input type="search" name="search" value="" onkeyup="javascript:setShowLength(this, 15, 'cost_tpl_title_length');" /><label class="bgSea"><a href="#">取消</a></label>
					</form>
				</div>
			</h2>
		</div>	
	</header>
	<div class="headerNext"></div>
	<!--栏目-->
	<article>	
		<div class="contentRes">
			<ul>
				<li>
					<a href="#">
						<img src="images/pic1.png" alt="" />
						<h2>新手入门购买基金的几种方式</h2>
						<span>2016-8-22</span>
					</a>
					<div class="line"></div>
				</li>

				<li>
					<a href="#">
						<img src="images/pic1.png" alt="" />
						<h2>新手入门购买基金的几种方式</h2>
						<span>2016-8-22</span>
					</a>
					<div class="line"></div>
				</li>

				<li>
					<a href="#">
						<img src="images/pic1.png" alt="" />
						<h2>新手入门购买基金的几种方式基金的几种方式基金的几种方式</h2>
						<span>2016-8-22</span>
					</a>
					<div class="line"></div>
				</li>
			</ul>
		</div>
	</article>




</body>
<script type="text/javascript">
function setShowLength(obj, maxlength, id)
	{
		var rem =obj.value.length;
		var wid = id;
		if (rem > 0){
			var para = document.getElementById("sosoSea").className = "searchSea"; 
			
		}else{
			var para = document.getElementById("sosoSea").className = "searchSea jihuoSea"; 
		}
		

	
	}

</script>
</html>